<template>
  <div>
    <!-- 封装轮播图组件 -->
    <mt-swipe :auto="4000">
      <mt-swipe-item v-for="item in lunboList" :key="item.img" :style="{backgroundImage:`url(${item.img})`}" :class="{'full':isfull}">
      </mt-swipe-item>
    </mt-swipe>
  </div>
</template>
<script>
  export default {
    props: ["lunboList","isfull"]
  }
</script>

<style lang="scss" scoped>
  .mint-swipe {
    height: 200px;
  }

  .mint-swipe-item {
    background-size: cover;
    background-position: center center;
  }
  .full.mint-swipe-item {
    background-size: contain!important;
    background-position: center center;
    background-repeat: no-repeat
  }
</style>